/**
 * 仅供地图加载报错时使用
 */
import React from 'react';
import { Row } from 'antd';

class ErrorBoundary extends React.Component {
    constructor(props) {
        super(props);
        this.state = { hasError: false };
    }

    static getDerivedStateFromError() {
        // 更新 state 使下一次渲染能够显示降级后的 UI
        return { hasError: true };
    }

    render() {
        if (this.state.hasError) {
            // 你可以自定义降级后的 UI 并渲染
            return (
                <Row type="flex" justify="center" align="middle" style={{ height: '100%', color: '#999' }}>
                    地图加载失败
                </Row>
            );
        }

        return this.props.children;
    }
}

export default ErrorBoundary;
